page-bind-bank-apply
{
  // 头部
  .bind-bank-apply-header
  {
    @include office-header-style;
    .toolbar-background
    {
      @include office-background();
    }
  }

  // 内容
  .bind-bank-apply-section
  {
    // 内容页面
    .scroll-content
    {
      background-color: $office-page-background;

      // 公司信息
      .company-name
      {
        font-size: px2rem(28);
        height: px2rem(128);
        line-height: px2rem(128);
        background-color: $office-white;
        padding: 0 px2rem(32);
        color: $office-light-black-nine;
        span {
          font-size: px2rem(30);
          color: $office-light-black-six;
        }
      }

      // 身份信息
      .identity-info
      {
        // 头部图标
        >div{
          height: px2rem(85);
          line-height: px2rem(85);
          padding: 0 px2rem(32);
          border-bottom: 1px solid $office-gray;
          >span{
            float: left;
            display: inline-block;
            width: px2rem(41);
            height: 100% ;
            background: url("../assets/img/authentication-center/identity-card-info.svg") no-repeat center;
            background-size: contain;
          }
          >p{
            float: left;
            height: 100% ;
            font-size: px2rem(32);
            margin: 0 0 0 px2rem(10);
          }
        }

        // 具体内容
        >ul
        {
          padding: 0 px2rem(32);
          margin-bottom: px2rem(30);
          li
          {
            h2, div
            {
              height: 100% !important;
              line-height: px2rem(70);
              margin: 0;
            }
            // 标题
            &> h2
            {
              float: left;
              width: px2rem(194);
              font-size: px2rem(32);
              color: $office-light-black-nine;
            }
            // 内容
            &> div
            {
              float: right;
              font-size: px2rem(28);
              color: $office-black;
            }
            @include clear-after;
          }
        }

      }

      // 银行卡信息
      .card-info
      {
        @extend .identity-info;
        >div>span
        {
          background: url("../assets/img/authentication-center/bank-info.svg") no-repeat center;
          background-size: contain;
        }
        li
        {
          // 标题
          > h4,> p
          {
            float: right;
            margin: 0;
            font-size: px2rem(26);
            color: $office-light-black-nine;
          }
          >p
          {
            margin-right: px2rem(15);
          }
          > div
          {
            float: right;
            font-size: px2rem(32);
            font-weight: bold;
          }
          @include clear-after;
        }
      }

      // 输入表单
      form
      {
        >ion-item
        {
          padding-left: px2rem(32);
          height: px2rem(88);
          .item-inner
          {
            padding-right: px2rem(32);
            border: 0;
            // 文字显示
            .input-wrapper
            {
              height: 100%;
              ion-label
              {
                height: 100%;
                line-height: px2rem(87);
                margin: 0;
                color: $office-light-black-nine;
                font-size: px2rem(28);
                // 输入框
                >input
                {
                  float: left;
                  border: 0;
                  padding: 0;
                  width: px2rem(459);

                  &.msg-code-input
                  {
                    width: px2rem(340);
                  }
                }
                // 清除按钮
                >span.clear-button
                {
                  float: right;
                  width: px2rem(28);
                  height: px2rem(28);
                  margin: px2rem(30) px2rem(64) 0 0;
                  background: url("../assets/img/login/clear-button.png") no-repeat center;
                  background-size: contain;
                }
              }
            }

          }
        }

        >ion-item:nth-child(1){
          margin-top: px2rem(20);
          border-top: 1px solid $office-ion-item-border-color;
          border-bottom: 1px solid $office-ion-item-border-color;
        }

        // 同意协议
        .agree-protocol
        {
          font-size: px2rem(24);
          padding: px2rem(18) px2rem(32) px2rem(49) px2rem(32);
          span,div
          {
            float: left;
            height: px2rem(30);
            line-height: px2rem(30);
          }
          span
          {
            width: px2rem(44);
            background: url("../assets/img/common/check-disable.png") no-repeat center;
            background-size: contain;
            &.active
            {
              background: url("../assets/img/common/check-active.png") no-repeat center;
              background-size: contain;
            }
          }
          div
          {
            margin-left: px2rem(10);
            a
            {
              color: $office-blue;
            }
          }

        }

        // 按钮
        >button
        {
          height: px2rem(88);
          margin: px2rem(20) 0 0 0 !important;
          @include office-background();
          span
          {
            font-size: px2rem(36);
          }
          @include office-button-disable;
        }
      }
    }
  }
}

